﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="DetalleServicio.aspx.cs" Inherits="home_DetalleServicio" %>
<%@ Register Assembly="obout_Grid_NET" Namespace="Obout.Grid" TagPrefix="cc1" %>
<%@ Register TagPrefix="cc1" Namespace="Obout.Interface" Assembly="obout_Interface" %>
<%@ Register TagPrefix="obout" Namespace="OboutInc.Flyout2" Assembly="obout_Flyout2_NET"%>
<%@ Register src="../header.ascx" tagname="header" tagprefix="uc1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Detalle del servicio</title>
    <link href="../style/Style.css" rel="stylesheet" type="text/css" />
    <link href="../style/axesat.css" rel="stylesheet" type="text/css" />
    <link href="css/axesat.css" rel="stylesheet" type="text/css" />    
    <link href="../js/shadowbox/shadowbox.css" rel="stylesheet" type="text/css" />        
    <script src="../js/shadowbox/shadowbox.js" type="text/javascript"></script>        
    <script src="../js/Axesat.js" type="text/javascript"></script>
	<link rel="stylesheet" href="../style/bubble-tooltip.css" media="screen" />
	<script type="text/javascript" src="../js/bubble-tooltip.js"></script>

<style>
.cursorDefault
{    
    cursor: default !important;
}
</style>
    
</head>
<body style="margin-top: 10px; font-size:12px;">

<script type="text/javascript">

    function crearCaso() {
        var estado = document.getElementById('<%= hdnEstado.ClientID %>').value;

        //No se pueden crear casos de servicios cancelados
        if ((estado.indexOf('CANCELADO') >= 0) || (estado.indexOf('Cancelado') >= 0) || (estado.indexOf('cancelado') >= 0)) {
            alert('No puede crear un caso sobre este servicio porque está cancelado');
            return;
        }

        var nit = document.getElementById('<%= hdnNIT.ClientID %>').value;
        var idServicio = document.getElementById('<%= hdnIdServicio.ClientID %>').value;

        window.parent.location = 'http://www.conexsat.net.co/Gestióndeservicios/Crearcaso.aspx?idServicio=' + idServicio + '&NIT=' + nit;
    }

    function consultarCaso() {        
        var nit = document.getElementById('<%= hdnNIT.ClientID %>').value;        
        var idServicio = document.getElementById('<%= hdnIdServicio.ClientID %>').value;        

        window.parent.location = 'http://www.conexsat.net.co/Gestióndeservicios/Gestióndecasos.aspx?idServicio=' + idServicio + '&NIT=' + nit;
    }

    function instalaciones() {
        var nit = document.getElementById('<%= hdnNIT.ClientID %>').value;
        var idServicio = document.getElementById('<%= hdnIdServicio.ClientID %>').value;

        window.parent.location = 'http://www.conexsat.net.co/Gestióndeservicios/ActividadesenSitio.aspx?idServicio=' + idServicio + '&NIT=' + nit + '&tipo=I';
    }

    function traslados() {
        var nit = document.getElementById('<%= hdnNIT.ClientID %>').value;
        var idServicio = document.getElementById('<%= hdnIdServicio.ClientID %>').value;
        window.parent.location = 'http://www.conexsat.net.co/Gestióndeservicios/ActividadesenSitio.aspx?idServicio=' + idServicio + '&NIT=' + nit + '&tipo=T';
    }

    function apuntamiento() {
        window.parent.location = 'http://www.conexsat.net.co/Gestióndeservicios/Apuntamiento.aspx';
    }

    function cancelaciones() {
        var nit = document.getElementById('<%= hdnNIT.ClientID %>').value;
        var idServicio = document.getElementById('<%= hdnIdServicio.ClientID %>').value;

        window.parent.location = 'http://www.conexsat.net.co/Gestióndeservicios/ActividadesenSitio.aspx?idServicio=' + idServicio + '&NIT=' + nit + '&tipo=C';
    }

    function allotProtocolo() {
        var idServicio = document.getElementById('<%= hdnIdServicioCorto.ClientID %>').value;
        window.parent.location = 'http://www.conexsat.net.co/Gestióndeservicios/AllotProtocolos.aspx?id=' + idServicio;
    }

    function allotTrafico() {
        var idServicio = document.getElementById('<%= hdnIdServicioCorto.ClientID %>').value;
        window.parent.location = 'http://www.conexsat.net.co/Gestióndeservicios/AllotTrafico.aspx?id=' + idServicio;
    }

    function allotHost() {
        var idServicio = document.getElementById('<%= hdnIdServicioCorto.ClientID %>').value;
        window.parent.location = 'http://www.conexsat.net.co/Gestióndeservicios/AllotHost.aspx?id=' + idServicio;
    }

    

</script>

    <form id="form1" runat="server">
    
    <table width="95%">
    <tr>
        <td colspan="2">            
            <uc1:header ID="header1" runat="server" />
        </td>
    </tr>
    </table>
    
    
    <div>
    <center>
        <br />        
        <asp:HiddenField ID="hdnIdServicio" runat="server" />
        <asp:HiddenField ID="hdnIdServicioCorto" runat="server" />
        <asp:HiddenField ID="hdnNIT" runat="server" />
        <asp:HiddenField ID="hdnEstado" runat="server" />        
        <table style="text-align:left;" width="580px" >
            <tr>
                <td colspan="5">
                <div class="volver"><a href="javascript:history.back(1)"><img id="img1" alt="Volver al inicio" src="../images/back.jpg" style="cursor:pointer;" border="0" /></a></div>
                </td>
            </tr>
            <tr>
                <td width="5px">                
                &nbsp;
                    </td>
                <td colspan="4">
                    <a href="#divGeneral">Información General</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <a href="#divAdministrativa">Información Administrativa</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <a href="#divTecnica">Información Técnica</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <a href="#divCasos">Casos</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <a href="#divActividades">Actividades en sitio</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <a href="#divTecnicos">Técnicos</a>
                </td>                    
            </tr>
            <tr>
                <td colspan="5">&nbsp;<br /></td>
            </tr>
            <tr>
                <td align="center">
                    </td>
                <td align="center" colspan="4">
                    <img alt="" src="../images/line.jpg" style="width: 580px; height: 8px" /></td>
            </tr>

            <tr>
                <td colspan="5" align="center"><div id="divGeneral"></div><b>GENERAL</b></td>
            </tr>        
            <tr>                
                <td width="5px">                
                &nbsp;
                    </td>
                <td width="120px">
                    Cliente:</td>
                <td width="170px">
                    <asp:Label ID="lblCliente" runat="server" CssClass="labelBlack"></asp:Label>
                </td>
                <td width="120px">
                    Proyecto:</td>
                <td width="170px">
                    <asp:Label ID="lblProyecto" runat="server" CssClass="labelBlack"></asp:Label>
                </td>
            </tr>
            <tr>                
                <td width="5px">                
                &nbsp;
                    </td>
                <td width="120px">
                    Nombre Servicio:</td>
                <td width="170px">
                    <asp:Label ID="lblNombreServicio" runat="server" CssClass="labelBlack"></asp:Label>
                </td>
                <td width="120px">
                    Localización:</td>
                <td width="170px">
                    <asp:Label ID="lblLocalizacion" runat="server" CssClass="labelBlack"></asp:Label>
                </td>
            </tr>
            <tr>
                <td width="5px">                
                &nbsp;
                    </td>
                <td width="120px">
                    Dirección:</td>
                <td colspan="3">
                    <asp:Label ID="lblDireccion" runat="server" CssClass="labelBlack"></asp:Label>
                </td>                
            </tr>
            <tr>
                <td colspan="5">&nbsp;<br /></td>
            </tr>
            <tr>
                <td align="center">
                    </td>
                <td align="center" colspan="4">
                    <img alt="" src="../images/line.jpg" style="width: 580px; height: 8px" /></td>
            </tr>
            
            <tr>
                <td colspan="5" align="center"><div id="divAdministrativa"></div><b>INFORMACIÓN ADMINISTRATIVA DEL SERVICIO</b></td>
            </tr>        

            <tr>
                <td width="5px">
                &nbsp;
                    </td>
                <td width="120px">
                    Id del servicio:</td>
                <td width="170px">
                    <asp:Label ID="lblIdServicio" runat="server" CssClass="labelBlack"></asp:Label>
                </td>
                <td width="120px">
                    Id Servicio aliado:</td>
                <td width="170px">
                    <asp:Label ID="lblIdServicioAliado" runat="server" CssClass="labelBlack"></asp:Label>
                </td>
            </tr>
            <tr>
                <td width="5px">
                &nbsp;
                    </td>
                <td width="120px">
                    Duración contrato:</td>
                <td width="170px">
                    <asp:Label ID="lblDuracion" runat="server" CssClass="labelBlack"></asp:Label>
                </td>
                <td width="120px">
                    Estado:</td>
                <td width="170px">
                    <asp:Label ID="lblEstado" runat="server" CssClass="labelBlack"></asp:Label>
                </td>
            </tr>
            <tr>
                <td width="5px">
                &nbsp;
                    </td>
                <td width="120px">
                    Fecha firma del contrato:</td>
                <td width="170px">
                    <asp:Label ID="lblFechaFirma" runat="server" CssClass="labelBlack"></asp:Label>
                </td>
                <td width="120px">
                    &nbsp;</td>
                <td width="170px">
                    &nbsp;
                </td>
            </tr>
            <tr>
                <td colspan="5">&nbsp;<br /></td>
            </tr>      
            <tr>
                <td align="center">
                    </td>
                <td align="center" colspan="4">
                    <img alt="" src="../images/line.jpg" style="width: 580px; height: 8px" /></td>
            </tr>
                  
            <tr>
                <td colspan="5" align="center"><div id="divTecnica"></div><b>INFORMACIÓN TÉCNICA DEL SERVICIO</b></td>
            </tr>        
            <tr>
                <td width="5px">
                &nbsp;
                    </td>
                <td width="120px">
                    CPA:</td>
                <td width="170px">
                    <asp:Label ID="lblCPA" runat="server" CssClass="labelBlack"></asp:Label>
                </td>
                <td width="120px">
                    Tecnología:</td>
                <td width="170px">
                    <asp:Label ID="lblTecnologia" runat="server" CssClass="labelBlack"></asp:Label>
                </td>
            </tr>
            <tr>
                <td width="5px">
                &nbsp;
                    </td>
                <td width="120px">
                    Satélite:</td>
                <td width="170px">
                    <asp:Label ID="lblSatelite" runat="server" CssClass="labelBlack"></asp:Label>
                </td>
                <td width="120px">
                    Tipo de registro:</td>
                <td width="170px">
                    <asp:Label ID="lblTipoRegistro" runat="server" CssClass="labelBlack"></asp:Label>
                </td>
            </tr>
            <tr>
                <td width="5px">
                &nbsp;
                    </td>
                <td width="120px">
                    Fecha activación:</td>
                <td width="170px">
                    <asp:Label ID="lblFechaActivacion" runat="server" CssClass="labelBlack"></asp:Label>
                </td>
                <td width="120px">
                    Dirección IP:</td>
                <td width="170px">
                    <asp:Label ID="lblDireccionIP" runat="server" CssClass="labelBlack"></asp:Label>
                </td>
            </tr>
            <tr>
                <td width="5px">
                &nbsp;
                    </td>
                <td width="120px">
                    Máscara:</td>
                <td width="170px">
                    <asp:Label ID="lblMascara" runat="server" CssClass="labelBlack"></asp:Label>
                </td>
                <td width="120px">
                    VLAN:</td>
                <td width="170px">
                    <asp:Label ID="lblVLAN" runat="server" CssClass="labelBlack"></asp:Label>
                </td>
            </tr>
            <tr>
                <td width="5px">
                &nbsp;
                    </td>
                <td width="120px">
                    CBR:</td>
                <td width="170px">
                    <asp:Label ID="lblCBR" runat="server" CssClass="labelBlack"></asp:Label>
                </td>
                <td width="120px">
                    &nbsp;</td>
                <td width="170px">
                    &nbsp;
                </td>
            </tr>

            <tr>
                <td align="center">
                    </td>
                <td align="center" colspan="4">
                    <img alt="" src="../images/line.jpg" style="width: 580px; height: 8px" /></td>
            </tr>
            <tr>
                <td colspan="5">&nbsp;<br /></td>
            </tr>            
            <tr>
                <td colspan="5" align="center"><div id="divCasos"></div><b>CASOS</b></td>
            </tr> 
            <tr>
                <td colspan="5" align="right">
                    <a onclick="crearCaso();" href="#">Crear caso</a>                    
                    &nbsp;&nbsp;&nbsp;&nbsp;                
                </td>
            </tr>       
            <tr>
                <td align="center">&nbsp;
                    </td>                        
                <td colspan="4">
                <cc1:Grid ID="Grid1" runat="server" FolderStyle="styles/black_glass" AutoGenerateColumns="False" 
                    Serialize="false"
                    EnableTypeValidation="false" AllowAddingRecords="false" 
                    AllowFiltering="false" AllowSorting="false" Width="800px"
                    AllowPageSizeSelection="false" CallbackMode="false" ShowFooter="false" onrowdatabound="Grid1_RowDataBound">
                    <FilteringSettings FilterPosition="Top" FilterLinksPosition="Bottom"/>                    
                    <Columns>
                    <cc1:Column ID="Column6" DataField="id_caso" runat="server" Visible="false">                        
                    </cc1:Column>                    
                    <cc1:Column ID="Column4" DataField="numero_caso" runat="server" HeaderAlign="left" Width="10%" HeaderStyle-CssClass="cursorDefault">
                        <TemplateSettings HeaderTemplateID="TemplateHeaderNumeroCaso" TemplateId="TemplateItemEstado" />
                    </cc1:Column>
                    <cc1:Column ID="Column3" DataField="estado" HeaderText="Estado" runat="server" HeaderAlign="left" Width="10%" HeaderStyle-CssClass="cursorDefault"> 
                        <TemplateSettings HeaderTemplateId="TemplateHeaderEstado" />
                    </cc1:Column>     
                    <cc1:Column ID="Column7" DataField="fechaApertura" runat="server" HeaderAlign="left" Wrap="true" Width="10%" HeaderStyle-CssClass="cursorDefault" >
                        <TemplateSettings HeaderTemplateID="TemplateHeaderFechaApertura" />
                    </cc1:Column>                                                                           
                    <cc1:Column ID="Column5" DataField="fechaCierre" runat="server" HeaderAlign="left" Wrap="true" Width="10%" HeaderStyle-CssClass="cursorDefault" >                        
                        <TemplateSettings HeaderTemplateID="TemplateHeaderFechaCierre" />
                    </cc1:Column>                                        
                    <cc1:Column ID="Column1" DataField="enlace" HeaderText="Enlace" runat="server" HeaderAlign="left" Wrap="true" Visible="false" Width="32%" HeaderStyle-CssClass="cursorDefault">
                    <TemplateSettings HeaderTemplateID="TemplateHeaderEnlace" />
                    </cc1:Column>
                    
                    <cc1:Column ID="Column2" DataField="motivo" HeaderText="Motivo" runat="server" HeaderAlign="left" Wrap="true" Width="15%" HeaderStyle-CssClass="cursorDefault">
                        <TemplateSettings HeaderTemplateID="TemplateHeaderMotivo" />
                    </cc1:Column>   
                    <cc1:Column ID="Column8" DataField="prioridad" HeaderText="Prioridad" runat="server" HeaderAlign="left" Wrap="true" Visible="false" Width="12%" HeaderStyle-CssClass="cursorDefault">
                        <TemplateSettings HeaderTemplateID="TemplateHeaderPrioridad" />
                    </cc1:Column>                       
                    </Columns>
                    
                    <ExportingSettings ExportDetails="True" />                    
                    <TemplateSettings RowEditTemplateId="tplRowEdit" />
                    <LocalizationSettings AddLink="Nuevo" CancelAllLink="Cancelar todo" 
                        CancelLink="Cancelar" DeleteLink="Eliminar" EditLink="Editar" 
                        Filter_ApplyLink="Aplicar Filtro" Filter_HideLink="Ocultar filtro" 
                        Filter_RemoveLink="Quitar filtro" Filter_ShowLink="Mostrar filtro" 
                        FilterCriteria_Contains="Contiene" FilterCriteria_DoesNotContain="No contiene" 
                        FilterCriteria_EndsWith="Termina con" FilterCriteria_EqualTo="Igual a" 
                        FilterCriteria_GreaterThan="Mayor a" 
                        FilterCriteria_GreaterThanOrEqualTo="Mayor o igual a" 
                        FilterCriteria_IsEmpty="Vacio" FilterCriteria_IsNotEmpty="No vacio" 
                        FilterCriteria_IsNotNull="No nulo" FilterCriteria_IsNull="Nulo" 
                        FilterCriteria_NoFilter="Sin filtro" FilterCriteria_NotEqualTo="Diferente a" 
                        FilterCriteria_SmallerThan="Menor que" 
                        FilterCriteria_SmallerThanOrEqualTo="Menor o igual a" 
                        FilterCriteria_StartsWith="Comienza con" 
                        Grouping_GroupInformationNextPage=" (Mostrando XXXXX de YYYYY registros - This group is continued on the next page)" 
                        Grouping_GroupInformationPreviousNextPage=" (Mostrando XXXXX de YYYYY registros - This group was started on the previous page and continues on the next page)" 
                        Grouping_GroupInformationPreviousPage=" (Mostrando XXXXX de YYYYY registros - This group was started on the previous page)" 
                        LoadingText="Cargando..." ModifyLink="Modificar" 
                        NoRecordsText="No se encontraron registros" 
                        Paging_ManualPagingLink="Ir a la pagina »" Paging_OfText="de" 
                        Paging_PageSizeText="Registros por pagina" Paging_PagesText="Paginas:" 
                        Paging_RecordsText="Registros:" RemoveLink="Quitar" SaveAllLink="Guardar todo" 
                        SaveLink="Guardar" UpdateLink="Actualizar" />
                    <Templates>
                        <cc1:GridTemplate runat="server" ID="TemplateHeaderNumeroCaso">
                            <Template>          
                                <div id="divHeaderFlyout1" class="cursorDefault">Número<br />Caso</div>
                            </Template>
                        </cc1:GridTemplate>   
                        <cc1:GridTemplate runat="server" ID="TemplateHeaderEstado">
                            <Template>          
                                <div id="divHeaderFlyout2" class="cursorDefault">Estado</div>
                            </Template>
                        </cc1:GridTemplate>                           
                        <cc1:GridTemplate runat="server" ID="TemplateHeaderFechaApertura">
                            <Template>
                                <div id="divHeaderFlyout3" class="cursorDefault">Fecha<br />apertura</div>
                            </Template>
                        </cc1:GridTemplate>                                                     
                        <cc1:GridTemplate runat="server" ID="TemplateHeaderFechaCierre">
                            <Template>
                                <div id="divHeaderFlyout4" class="cursorDefault">Fecha<br />cierre</div>                                
                            </Template>
                        </cc1:GridTemplate>    
                        <cc1:GridTemplate runat="server" ID="TemplateHeaderEnlace">
                            <Template>
                                <div id="divHeaderFlyout5" class="cursorDefault">Nombre del<br />servicio</div>
                            </Template>
                        </cc1:GridTemplate>    
                        
                        <cc1:GridTemplate runat="server" ID="TemplateHeaderMotivo">
                            <Template>
                                <div id="divHeaderFlyout6" class="cursorDefault">Motivo</div>
                            </Template>
                        </cc1:GridTemplate>    
                        <cc1:GridTemplate runat="server" ID="TemplateHeaderPrioridad">
                            <Template>
                                <div id="divHeaderFlyout7" class="cursorDefault">Prioridad</div>
                            </Template>
                        </cc1:GridTemplate>    
                        <cc1:GridTemplate runat="server" ID="TemplateItemEstado">
                            <Template>
                                <asp:HyperLink ID="lnkComments" runat="server" Text="<%#Container.Value %>" NavigateUrl="~/services/CaseComment.aspx">
                                </asp:HyperLink>                                
                            </Template>
                        </cc1:GridTemplate>                                                
                                
                    </Templates>

                </cc1:Grid>
                                
                
                </td>                
            </tr>
            <tr>
                <td align="center">
                    </td>
                <td align="center" colspan="4">
                    <img alt="" src="../images/line.jpg" style="width: 580px; height: 8px" /></td>
            </tr>
            
            <tr>
                <td colspan="5">&nbsp;<br /></td>
            </tr>            
            <tr>
                <td colspan="5" align="center"><div id="divActividades"></div><b>ACTIVIDADES EN SITIO</b></td>
            </tr> 
            <tr>
                <td width="5px">
                &nbsp;
                    </td>
                <td width="120px">
                    Fecha preventa:</td>
                <td width="170px">
                    <asp:Label ID="lblFechaPreventa" runat="server" Text=""></asp:Label>
                </td>
                <td width="120px">
                    Fecha programada:</td>
                <td width="170px">
                    <asp:Label ID="lblFechaProgramada" runat="server" Text=""></asp:Label>
                </td>                
            </tr>
            <tr>
                <td width="5px">
                &nbsp;
                    </td>
                <td width="120px">
                    Días faltantes:</td>
                <td width="170px">
                    <asp:Label ID="lblDiasFaltantes" runat="server" Text=""></asp:Label>
                </td>
                <td width="120px">
                    Flujo:</td>
                <td width="170px">
                    <asp:Label ID="lblFlujo" runat="server" Text=""></asp:Label>
                </td>                
            </tr>
            <tr>
                <td colspan="5">&nbsp;<br /></td>
            </tr>            
            
            <tr>
                <td colspan="5" align="center" valign="middle">
                    <br />
                    <asp:Literal ID="litFlujo" runat="server"></asp:Literal>
                </td>
            </tr>
            <tr>
                <td align="center">
                    </td>
                <td align="center" colspan="4">
                    <img alt="" src="../images/line.jpg" style="width: 580px; height: 8px" /></td>
            </tr>
            
            <tr>
                <td colspan="5">&nbsp;<br /></td>
            </tr>            
            <tr>
                <td colspan="5" align="center"><div id="divTecnicos"></div><b>TÉCNICOS</b></td>
            </tr> 
            <tr>
                <td>
                    </td>                
                <td align="left" colspan="3">                    
                    <div style="font-size:14px;">
                    <lu>
                        <li><a onclick="allotTrafico();" href="#">Tráfico</a></li>
                        <li><a onclick="allotProtocolo();" href="#">Protocolo</a></li>
                        <li><a onclick="allotHost();" href="#">Host</a></li>
                    </lu>
                    <br />
                    <br />
                    </div>
                </td>
                <td>
                    </td>                
            </tr>
            <tr>
                <td align="center">
                    </td>
                <td align="center" colspan="4">
                    <img alt="" src="../images/line.jpg" style="width: 580px; height: 8px" /></td>
            </tr>
            
        </table>
    </center>
    </div>
    </form>
</body>
</html>
